html,
body {
  width: 100%;
  height: 100%;
}

/* 网页外部容器样式 */

.container {
  width: 100%;
  height: 100%;
  /* overflow: hidden; */
}

/* 外部框架样式  */

.ifreamcontainer {
  width: 100%;
  height: 100%;
  /* margin-top: 50px; */
  padding-top:50px;
  /* overflow: hidden; */
}

.ifream {
  width: 100%;
  height: 100%;
}

/* 网站头部样式 */

.toputil {
  width: 100%;
  height: 50px;
  background-color: #303643;
  position: fixed;
  top: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}

/* 网站底部 */

.bottom {
  width: 100%;
  height: 50px;
  background-color: #303643;
  position: fixed;
  bottom: 0;
  color: #fff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

/* 头部logo区与菜单 */

.logo_menu {
  width: 350px;
  height: 100%;
  display: flex;
  flex-direction: row;
}

.logo {
  width: 150px;
  height: 48px;
  display: flex;
  flex-direction: row;
  line-height: 50px;
}

.menu {
  /* width: 200px; */
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  line-height: 50px;
  padding-left: 10px;
  padding-right: 10px;
}

/* 菜单区域 */

.menu_area {
  height: 100px;
}

.menu:hover {
  background-color: #fe7300;
  height: 50px;
}

.menu_area span {
  color: #fff;
  font-size: 20px;
}

/* logo图标样式 */

.logo img {
  width: 50px;
  height: 100%;
}

.logo strong {
  color: #fff;
  font-size: 30px;
  margin-left: 10px;
}

/* 用户操作区域 */
.usercontrol {
  width: 300px;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}

/* 用户头像区域*/
.user_img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.user_img img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
/* 用户设置 */
.useredit {
  width: 160px;
  height: 50px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.useredit span {
  font-size: 16px;
  color: #fff;
}
.useredit i {
  color: #fff;
  margin-left: 10px;
}
.useredit a:hover {
  color: #fe7300;
}

.userlogin {
  width: 300px;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}

.userlogin strong {
  color: #fff;
  font-size: 16px;
  margin-left: 20px;
}

.userlogin strong:hover {
  color: bisque;
}

.hide {
  display: none;
}
